<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Garboyo | Garden Suroboyo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Starter files for implementing Twitter Bootstrap's Carousel -- using Bootstrap version 2.0.4">
    

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 95px;
        padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

     </head>

	  <div id="wrap">

<div id="header">

	<div class="header">
		<a ><img border=0 src="img/header1.jpg" /></a>
		
	</div>

</div>
</div>

  <body>
  
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <div>
          <a class="brand" href="#">GARBOYO</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li><a href="home.php">Home</a></li>
					 
              <li><a href="tentang garboyo.php">Tentang Garboyo</a></li>
              <li><a href="galeri.php">Galeri</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      Wisata Taman
                      <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                  <li class="active"><a href="taman.php">Taman</a></li>
                  <li><a href="kebun.php">Kebun</a></li>
                </ul>
			  <li><a href="penjadwalan.php">Penjadwalan</a></li>
				</li>
	      
		 
			
    	</ul>
		</div>
		
		       
		</div>
		</div>
	
	<div class="navbar-inner">
    <div>
	<!-- div id="div_login" style=" float: left;">
		<form>
        <input type="text" class="span2" placeholder="Login"/>
        <input type="text" class="span2" placeholder="Password">
        <input type="submit" value="Login" class="btn"/>
		<input type="submit" value="Registrasi" class="btn" href="registrasi.php"/>
    </form>
	</div-->

	<div id="div_login" style=" float: right;">
		<form class="navbar-search pull-right" action="">
        <input type="text" class="search-query span2" placeholder="Search">
        </form>
		
		</div>
		</div>
		</div>
		

              </li><!-- dropdown -->
            </ul><!-- /.nav -->
          </div><!--/.nav-collapse -->
        </div><!-- /.container -->
      </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->


    <div class="container">

      <!--  Carousel -->
      <!--  consult Bootstrap docs at 
            http://twitter.github.com/bootstrap/javascript.html#carousel -->
      <div id="this-carousel-id" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <img src="img/TB.jpg" alt="Taman Bungkul" />
            </a> 
            <div class="carousel-caption">
              <p>Taman Bungkul</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TS.jpg" alt="Taman Yos Sudarso" />
              <div class="carousel-caption">
              <p>Taman Yos Sudarso</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TL.jpg" alt="Taman Lansia" />
              <div class="carousel-caption">
              <p>Taman Lansia</p>
              </div>
          </div>
		  <div class="item">
              <img src="img/TPS.jpg" alt="Taman Pelangi" />
              <div class="carousel-caption">
              <p>Taman Pelangi</p>
              </div>
          </div>
		   <div class="item">
           <img src="img/TP.jpg" alt="Taman Prestasi" />
           <div class="carousel-caption">
              <p>Taman Prestasi</p>
            </div>
          </div>
        </div><!-- .carousel-inner -->
        <!--  next and previous controls here
              href values must reference the id for this carousel -->
          <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
      </div><!-- .carousel -->
      <!-- end carousel -->

      <!-- Example row of columns -->
	        <div class="row">
	      
	     
		</div>
		
      <div class="row">
	      
	    <div class="alert alert-block" style="width: 1173px; height: 650px;">
		<div class="alert alert-block" style="width: 1128px; height: 30px; ">
		
		 </div>
	<!--<div id="div_login" style=" float: right;">
    <ul class="thumbnails">
    <li class="span4">
    <div class="thumbnail">
      <iframe width="361" height="270" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.id/maps?f=q&amp;source=s_q&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308&amp;output=embed"></iframe>
      <br /><small><a href="https://maps.google.co.id/maps?f=q&amp;source=embed&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308" style="color:#0000FF;text-align:left">Lihat Peta Lebih Besar</a></small>
    </div>
    </li>
    </ul>
	
	</div> -->
		<div class="entry" id="plate">
		<div class="entry">
		<a style="text-align:justify;">
			<div class="post arc">
			<h2><a title="Taman Flora">Taman Flora</a></h2>
				<h4>Taman Flora memiliki luas 2,4 Hektar yang terletak di tempat mantan Kebon Bibit, Bratang Surabaya. Taman tersebut tidak hanya rindang oleh ratusan jenis pohon dan tanaman, taman ini juga disebut Techno Park karena dilengkapi dengan fasilitas teknologi internet.
				Taman Flora seluas 33.810 m2 ini dihiasi dengan berbagai tanaman, seperti teh-tehan, kana, telo-teloan, erva merah, pandanus, spider lili, zig-zag, gandarusa, dan adam eva.
				Setelah diresmikan Agustus 2007, area ini dilengkapi dengan sebuah ruangan yang berukuran sekita 5�10 meter persegi. Ruangan dini digunakan untuk pembelajaran IT dengan 6 line jaringan komputer yang tersambung dengan internet. 
				Dan juga dilengkapi dengan software berbagai games interaktif untuk sosialisasi tentang lingkungan dan masalah sampah. 
				Techno Park ini bersifat interaktif, yang dapat dimanfaatkan oleh anak-anak sekolah untuk praktek atau membentuk komunitas IT. Di Objek Wisata Taman Flora Surabaya anda bisa mendapati berbagai pohon yang rindang dan tanaman bunga-bunga. Serta beberapa flora yang langka di Surabaya. Selain sebagai tempat wisata Flora juga ada tempat hewan di sebelah Utara. Anda bisa melihat monyet alias kera, burung, rusa dan ikan beserta kolamnya.

Selain itu juga banyak permainan buat anak-anak. Ada bandulan dan bermacam-macam permainan. Orang dewasapun bisa menggunakan permainan tersebut lho. Cocoklah buat keluarga. Selain itu juga tersedia tempat dan alat outbound. Banyak anak TK dan SD yang bermain outbound disana, saya sering menjumpai anak-anak outbound disana. Tapi saya belum mengetahui apakah outbond disana secara rombongan dari instansi itu gratis atau tidak ? Tapi kalau sekadar anak maen sendiri seh bisa gratis.

Selain itu Objek Wisata Taman Flora Surabaya juga menyediakan tempat untuk beristirahat. Ada cangkruk (gardu, semacam tempat pos kampling yang di kampung-kampung itu). Letaknya di pojok Barat-Utara dekat kandang rusa namun cukup sejuk udaranya karena di bawah pohon yang tinggi menjulan nan rindang.

Selain itu di bagian tengah ada juga temapat untuk santai (duduk-duduk) di keliling pohon-pohon indah menyejukkan pandangan mata. Ada juga tempat perpustakaannya. Anda bisa membaca-baca buku, koran ,majalah. Disana sudah disiapkan, atau bisa juga anda bawa buku sendiri dan belajar disana, cocok banget buat belajar. Objek Wisata Taman Flora Surabaya juga menyediakan tempat untuk pentas dalam skala kecil. 
				</h4>
				
		</div>
		</div>
		</div>
		
		<div id="content" class="page col-full">
		<div id="main" class="col-left">
		<div class="post" id="striped">
		<div class="entry" id="plate">
		<p style="text-align: justify;">
		<p style="text-align: center;"><img class="alignnone size-full wp-image-90" title="Taman Flora" src="img/taman-flora.jpg" alt="{images: Taman Flora}" width="100" height="100"/></a> <img class="alignnone size-full wp-image-91" title="Taman Flora" src="img/tmn_flora2.jpg" alt="{images: Taman Flora}" width="100" height="100"/></a> <img class="alignnone size-full wp-image-93" title="Taman Flora" src="img/tmn_flora3.jpg" alt="{images: Taman Flora}" width="100" height="100"/></a></p>
		<p style="text-align: center;">
		<p style="text-align: center;">
		</div>
		</div>
		</div>
		</div>
		
          
		</div>
	  
	  
	  <div class="footer-widget">
      <h4>Temukan Kami Disini..</h4>
      <div id="social"> <a href="http://twitter.com/" class="s3d twitter"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com/" class="s3d facebook"> Facebook <span class="icons facebook"></span> </a>
    </div>

      <hr>
</div>

	
	
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <!-- Bootstrap jQuery plugins compiled and minified -->
    <script src="js/bootstrap.min.js"></script>
    <script>
      $(document).ready(function(){
        $('.carousel').carousel({
          interval: 4000
        });
      });
    </script>

  </body>
</html>
